// const file1 = require('/assets/self-report/report-title.png')
// const file2 = require('/assets/self-report/report-title-bg.png')
// const file3 = require('/assets/self-report/title-icon.png') 
// const file4 = require('/assets/self-report/battery-health-bg.png')
// const file5 = require('/assets/self-report/title-icon.png') 
// const file6 = require('/assets/self-report/battery-info-bg.png')

// const wxml = `
// <view class="report-self-check">
// <view class="report-cont"> 
//   <view class="report-title">
//     <image class="rt-title" src="${file1}" mode=""/>
//     <image class="rt-bg" src="${file2}" mode=""/>
//   </view>
//   <view class="battery-info">
//     <view class="battery-health">
//       <view class="section-title">
//         <image class="section-title-icon" src="${file3}" mode=""/>
//         <span class="section-title-text">电池健康度得分</span>
//       </view>
//       <view class="bh-cont">
//         <view class="bh-img-cont">
//           <image
//             class="bh-image"
//             src="${file4}"
//             alt=""
//           />
//           <view class="bh-info">
//             <view class="bh-score-text">
//               100
//             </view>
//             <view class="bh-plateno-text">
//               苏A123456
//             </view>
//             <view class="bh-notice-cont">您的电池健康良好</view>
//           </view>
//         </view>
//       </view>
//     </view>
//     <view class="battery-score">
//       <view class="section-title">
//         <image
//           class="section-title-icon"
//           src="${file5}"
//           alt=""
//         />
//         <span class="section-title-text">电池分项得分</span>
//       </view>
//       <view class="bs-cont">
//         <view class="radar-container">
          
//         </view>
//       </view>
//     </view>
//     <view class="battery-bg">
//       <image class="battery-bg-pic" src="${file6}" mode=""/>
//     </view>
//   </view>
// </view>
// </view>
// `
{/* <ec-canvas id="mychart-dom-radar" canvas-id="mychart-radar" ec="{{ ec }}"></ec-canvas> */}

const wxml = `
<view class="container"> 
  测试一下
</view>
`

// const style = `
// reportCont{
//   width: '100%';
//   height: '2000rpx';
//   backgroundColor: '#151521';
//   boxSizing: 'border-box';
//   paddingTop: '21rpx';
// }
// reportTitle{
//   position: 'relative';
//   width: '100%';
//   height: '56.25rpx';
//   alignItems: 'center';
// }

// rtBg {
//   width: '740.28rpx';
//   height: '56.25rpx';
//   position: 'absolute';
//   top: '0';
//   left: '4.86rpx';
//   zIndex: '0';
// }
// rtTitle {
//   display: 'inline-block';
//   position: 'absolute';
//   width: '271.38rpx';
//   height: '38.89rpx';
//   top: '0';
//   bottom: '0';
//   left: '0';
//   right: '0';
//   margin: 'auto';
//   zIndex: '9';
// }

// batteryInfo{
//   width: '100%';
//   minHeight: '1000rpx';
//   position: 'relative';
//   boxSizing: 'border-box';
//   padding: '56.25rpx 38.89rpx';
// }

// sectionTitle{
//   width: '100%';
//   display: 'flex';
//   alignItems: 'center';
// }

// sectionTitleIcon{
//   display: 'inline-block';
//   width: '16.67rpx';
//   height: '16.67rpx';
//   marginRight: '13.19rpx';
// }

// sectionTitleText{
//   display: 'inline-block';
//   fontSize: '25rpx';
//   color: '#fff';
// }

// bhCont{
//   width: '100%';
//   textAlign: 'center';
// }

// bhImgCont{
//   position: 'relative';
//   display: 'inline-block';
//   width: '488.74rpx';
//   height: '488.74rpx';
// }

// bhImage{
//   width: '100%';
//   height: '100%';
// }

// bhInfo{
//   width: '100%';
//   position: 'absolute';
//   top: '170rpx';
//   left: '0';
// }

// bhScoreText{
//   width: '100%';
//   height: '112rpx';
//   lineHeight: '112rpx';
//   textAlign: 'center';
//   fontSize: '80rpx';
//   color: '#00DCFF';
// }

// bhPlatenoText{
//   width: '100%';
//   textAlign: 'center';
//   fontSize: '25rpx';
//   color: '#00DCFF';
//   marginTop: '40rpx';
// }

// bhNoticeCont{
//   width: '100%';
//   textAlign: 'center';
//   fontSize: '19rpx';
//   color: '#B4BFDC';
//   marginTop: '8rpx';
// }

// batteryBg{
//   position: 'absolute';
//   width: '745.14rpx';
//   height: '354.86rpx';
//   top: '0';
//   bottom: '0';
//   left: '0';
//   right: '0';
//   margin: 'auto';
//   zIndex: '0';
// }

// batteryBgPic{
//   width: '100%';
//   height: '100%';
// }

// bsCont{
//   width: '100%';
//   textAlign: 'center';
// }

// radarContainer{
//   display: 'inline-block';
//   width: '600rpx';
//   height: '600rpx';
//   padding: '20rpx';
// }  
// `

// ecCanvas{
//   width: '100%';
//   height: '100%';
// }

// const style = {
//   reportCont: {
//     width: '300rpx',
//     height: '2000rpx',
//     backgroundColor: '#151521',
//     boxSizing: 'border-box',
//     paddingTop: '21rpx',
//     color:'#FFF',
//   }  
// }
// module.exports = {
//   wxml,style
// }

// const wxml = `
// <view class="container" >
//   <view class="item-box red">
//   </view>
//   <view class="item-box green" >
//     <text class="text">yeah!</text>
//   </view>
//   <view class="item-box blue">
//       <image class="img" src="https://desk-fd.zol-img.com.cn/t_s960x600c5/g1/M0B/03/06/ChMljl402K6IOTZbAARWayFg6S4AAQJPwFhuRIABFaD752.jpg"></image>
//   </view>
// </view>
// `

const style = {
  container: {
    width: 300,
    height: 200,
    flexDirection: 'row',
    justifyContent: 'space-around',
    backgroundColor: '#151521',
    alignItems: 'center',
  },
  itemBox: {
    width: 80,
    height: 60,
  },
  red: {
    backgroundColor: '#ff0000'
  },
  green: {
    backgroundColor: '#00ff00'
  },
  blue: {
    backgroundColor: '#0000ff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    width: 80,
    height: 60,
    textAlign: 'center',
    verticalAlign: 'middle',
  },
  img: {
    width: 40,
    height: 40,
    borderRadius: 20,
  }
}

module.exports.wxml = wxml
module.exports.style = style

